<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
			// #ifdef H5
			if (this.isMobile()) {
				// location.replace('https://h5.2855855.com/');
			} else {
				location.replace('https://pc.2855855.com/#/');
			}
			// #endif
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		mounted() {

		},
		methods: {
			// #ifdef H5
			isMobile() {
				let flag = navigator.userAgent.match( // match方法可在字符串内检索指定的值，
					/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
				);
				// console.log(flag)
				return flag;
			},
			// #endif
			
		}
	}
</script>

<style lang="scss">
	// h5打包之后隐藏标题栏
	/* #ifdef H5 */
	// H5打包上线之后会出现双标题现象，所以吧 uni 标题的颜色改成和背景一样的
	.uni-page-head__title {
		// color: #00B4FF;
	}

	/* #endif */


	/*每个页面公共css */
	/*搜索框插件的placeholder的css*/
	.uni-searchbar__text-placeholder {
		color: #CCCCCC !important;
	}

	.uni-input-placeholder {
		font-size: 26rpx;
		color: #ccc;
	}

	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
	}

	page {
		background-color: #f5f5f5;
		font-size: 24rpx;
		font-family: PingFang SC;
		color: #333;
	}

	image {
		width: 100%;
		height: 100%;
	}

	input {
		width: 100%;
		height: 100%;
	}

	map {
		width: 100%;
		height: 100%;
	}

	swiper {
		height: 100%;
	}

	.swiper-item {
		height: 100%;
	}

	.flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.align_center {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.flex_wrap {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.flex_between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.flex_center {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.flex_end {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.flex_column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.flex-1 {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		display: flex;
		justify-content: 1;
	}

	.flex_start {
		-webkit-box-pack: start;
		-webkit-justify-content: start;
		-ms-flex-pack: start;
		justify-content: start;
	}

	.flex_around {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	/* 基线对齐 */
	.align_baseline {
		-webkit-box-align: baseline;
		-webkit-align-items: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}

	/* 水平居中套餐 （flex+水平+侧轴)*/
	.center_combo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	/* 主轴垂直 侧轴居中 flex + flex_column +  align_center*/
	.column_align {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	/* 主轴水平 侧轴居中 flex align_center */
	.level_align {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.tp-m0a {
		margin: 0 auto;
	}

	.fl {
		float: left;
	}

	.fr {
		float: right;
	}

	.tp-br50 {
		border-radius: 50%;
	}

	.tp-br40 {
		border-radius: 40rpx;
	}

	.tp-br44 {
		border-radius: 44rpx;
	}

	.tp-br20 {
		border-radius: 20rpx;
	}

	/* 圆角8rpx */
	.tp-br8 {
		border-radius: 8rpx;
	}
	.tp-br4 {
		border-radius: 4rpx;
	}

	/* 圆角8rpx */
	.tp-br15 {
		border-radius: 15rpx;
		overflow: hidden;
	}

	.tp-br12 {
		border-radius: 12rpx;
	}

	/* border阴影 */
	.tp-bs {
		box-shadow: 0 0 6rpx #ccc;
	}

	.tp-bsf5 {
		box-shadow: 0 0 6rpx #f5f5f5;
	}

	.tp-bs14 {
		box-shadow: 0px 0px 14px 0px rgba(184, 184, 184, 0.29);
	}

	.tp-border1 {
		border: 1px solid #ccc;
	}

	/* 绝对定位 左右居中 */
	.tp-pxc {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	/* 绝对定位 上下居中 */
	.tp-pyc {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}


	// 高度100%
	.tp-hv100 {
		height: 100%;
	}

	// 高度100%
	.tp-vh100 {
		height: 100vh;
	}


	.tp-h98 {
		height: 98rpx;
	}

	/* 高90rpx */
	.tp-h90 {
		height: 90rpx;
	}

	/* 高88rpx */
	.tp-h88 {
		height: 88rpx;
	}

	/* 高80rpx */
	.tp-h80 {
		height: 80rpx;
	}

	/* 高72rpx */
	.tp-h72 {
		height: 72rpx;
	}

	/* 高64rpx */
	.tp-h64 {
		height: 64rpx;
	}

	.tp-h56 {
		height: 56rpx;
	}


	// 高度为 4 当线用
	.tp-h4 {
		height: 4rpx;
	}

	.tp-h2 {
		height: 2rpx;
	}

	.tp-w88 {
		width: 88rpx;
	}

	/* 宽度100% */
	.tp-w100 {
		width: 100%;
	}

	// 高度100%
	.tp-h100 {
		height: 100%;
	}

	// 高度100%
	.tp-vh100 {
		height: 100vh;
	}


	/* flex 布局 垂直居中 */
	.tp-fxc {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	/* flex 布局 垂直居中 正序排列 */
	.tp-fxl {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	/* flex 布局 垂直居中 倒序排列 */
	.tp-fxr {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	/* flex 布局 左右 居中 */
	.tp-fyc {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	/* flex 布局 上下 靠左 */
	.tp-fyl {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	/* flex 布局 上下 靠右 */
	.tp-fyr {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.tp-tr {
		text-align: right;
	}

	.tp-btn-h88 {
		margin: 0 auto;
		height: 88rpx;
		line-height: 88rpx;
		width: 100%;
		background-color: $tc;
		border-radius: 44rpx;
		color: #fff;
		font-size: 32rpx;
		text-align: center;
	}

	/* 宽690rpx的居中容器 */
	.tp-w690 {
		width: 690rpx;
		margin: 0 auto;
	}

	.tp-w686 {
		width: 686rpx;
		margin: 0 auto;
	}

	.tp-w520 {
		width: 520rpx;
		margin: 0 auto;
	}

	.tp-ptb0lr50 {
		padding: 0 50rpx;
	}

	.tp-ptb0lr40 {
		padding: 0 40rpx;
	}

	.tp-ptb0lr30 {
		padding: 0 30rpx;
	}

	.tp-ptb0lr20 {
		padding: 0 20rpx;
	}

	.tp-pd10 {
		padding: 10rpx;
	}

	.tp-pd20 {
		padding: 20rpx;
	}

	.tp-pd30 {
		padding: 30rpx;
	}

	/* 顶部padding20rpx */
	.tp-pt20 {
		padding-top: 20rpx;
	}

	/* 顶部padding30rpx40rpx */
	.tp-pt30 {
		padding-top: 30rpx;
	}

	.tp-pt40 {
		padding-top: 40rpx;
	}

	.tp-pb20 {
		padding-bottom: 20rpx;
	}

	.tp-pb30 {
		padding-bottom: 30rpx;
	}

	/* 顶部margin10rpx */
	.tp-mt10 {
		margin-top: 10rpx;
	}

	/* 顶部margin20rpx */
	.tp-mt40 {
		margin-top: 40rpx;
	}

	.tp-mt20 {
		margin-top: 20rpx;
	}

	.tp-mt15 {
		margin-top: 15rpx;
	}

	/* 顶部padding20rpx */
	.tp-pt20 {
		padding-top: 20rpx;
	}

	/* 底部margin20rpx */
	.tp-mb20 {
		margin-bottom: 20rpx;
	}

	/* 顶部margin30rpx */
	.tp-mt30 {
		margin-top: 30rpx;
	}

	.tp-mr10 {
		margin-right: 10rpx;
	}

	/* 右部margin15rpx */
	.tp-mr15 {
		margin-right: 15rpx;
	}

	/* 右部margin20rpx */
	.tp-mr20 {
		margin-right: 20rpx;
	}

	/* 右部margin30rpx */
	.tp-mr30 {
		margin-right: 30rpx;
	}

	/* 右部margin40rpx */
	.tp-mr40 {
		margin-right: 40rpx;
	}

	.tp-ml10 {
		margin-left: 10rpx;
	}

	.tp-ml20 {
		margin-left: 20rpx;
	}

	/* 左部margin30rpx */
	.tp-ml30 {
		margin-left: 30rpx;
	}

	/* 顶部margin80rpx */
	.tp-mt80 {
		margin-top: 80rpx;
	}

	/* 字体加粗 */
	.tp-fw600 {
		font-weight: 600;
	}

	/* 底部边框 */
	.tp-bdbm {
		border-bottom: 1px solid #ededed;
	}

	/* 顶部边框 */
	.tp-bdtp {
		border-top: 1px solid #ededed;
	}

	// 底部固定定位
	.tp-btn-h100 {
		position: fixed;
		/* #ifdef H5 */
		bottom: 0;
		// bottom: 30rpx;
		/* #endif */
		/* #ifndef H5 */
		bottom: calc(env(safe-area-inset-bottom)/2);
		/* #endif */
		left: 0;
		right: 0;
		border-radius: 0;
	}

	/* 页面透明遮罩层 固定定位 */
	.f100rgba {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, .5);
		z-index: 5;
	}

	/* 区域背景 固定定位 */
	.tp-trbl0000 {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}

	/* 方便设置页面为白色背景 */
	.tp-body0000 {
		min-height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: -2;
	}

	/* 绝对定位 中间显示 */
	.tp-pxyc {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	/* 单行显示,多余省略号显示 */
	.ellispsis1 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.ellispsis2 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	/* 红色字体 */
	.tp-red {
		color: #FF4A37;
	}

	.tp-yellow {
		color: #FFAF3C;
	}

	/* 白色背景 */
	.tp-bgf {
		background-color: #FFF;
	}

	/* 背景主题色 */
	.tp-bc {
		background-color: $tc !important;
	}

	// 浅蓝背景 沃华二期
	.tp-bcblue {
		background-color: #F0FBFF;
	}

	.tp-bcF5 {
		background-color: #F5F5F5;
	}

	/* 盒模型 */
	.tp-bbox {
		box-sizing: border-box;
	}
	
	.tp-zi10{
		z-index: 10;
	}

	/* 删除文字 */
	.tp-del {
		color: #999;
		position: relative;
	}

	.tp-del::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 2rpx;
		background-color: #999;
	}

	.tp-lh40 {
		line-height: 40rpx;
	}

	.tp-lh44 {
		line-height: 44rpx;
	}

	.tp-lh54 {
		line-height: 54rpx;
	}

	.tp-lh64 {
		line-height: 64rpx;
	}

	.tp-lh72 {
		line-height: 72rpx;
	}

	.tp-lh88 {
		line-height: 88rpx;
	}

	.tp-lh98 {
		line-height: 98rpx;
	}

	.tp-mb2 {
		margin-bottom: 2rpx;
	}

	.tp-lh40 {
		line-height: 40rpx;
	}


	/* 字体主题色 */
	.tp-fc {
		color: $tc;
	}

	.tp-fcF {
		color: #fff;
	}

	.tp-fcF_8 {
		color: rgba(255, 255, 255, .8);
	}

	.tp-fc999 {
		color: #999999;
	}

	.tp-fc666 {
		color: #666666;
	}

	.tp-fc333 {
		color: #333333;
	}

	.tp-fz22 {
		font-size: 22rpx;
	}

	.tp-fz24 {
		font-size: 24rpx;
	}

	.tp-fz26 {
		font-size: 26rpx;
	}

	.tp-fz28 {
		font-size: 28rpx;
	}

	.tp-fz30 {
		font-size: 30rpx;
	}

	.tp-fz32 {
		font-size: 32rpx;
	}

	.tp-fz34 {
		font-size: 34rpx;
	}

	.tp-fz36 {
		font-size: 36rpx;
	}

	.tp-fz38 {
		font-size: 38rpx;
	}


	.tp-ls4 {
		letter-spacing: 4rpx;
	}

	.tp-img88 {
		width: 88rpx;
		height: 88rpx;
	}

	.tp-img64 {
		width: 64rpx;
		height: 64rpx;
	}

	.tp-img44 {
		width: 44rpx;
		height: 44rpx;
	}

	.tp-img40 {
		width: 40rpx;
		height: 40rpx;
	}

	.tp-img36 {
		width: 36rpx;
		height: 36rpx;
	}

	.tp-img32 {
		width: 32rpx;
		height: 32rpx;
	}

	.tp-img28 {
		width: 28rpx;
		height: 28rpx;
	}

	.tp-tc {
		text-align: center;
	}

	.tp-tr {
		text-align: right;
	}

	.tp-pr {
		position: relative;
	}

	.tp-dib {
		display: inline-block;
	}

	.tp-wsn {
		white-space: nowrap;
	}

	.tp-ofh {
		overflow: hidden
	}

	// s标签的样式 横线穿过文本
	.tp-tdlt {
		text-decoration: line-through
	}

	.tp-tyc {
		word-break: break-all;
		word-wrap: break-word
	}


	.uni-loadmore {
		text-align: center;
		background-color: #fff;
		color: #333333;
		height: 88rpx;
		line-height: 88rpx;
		font-size: 32rpx;
	}

	// ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
	// 沃华的常用特殊布局

	// 紧急联系人按钮
	.hover_btn {
		height: 124rpx;
		width: 124rpx;
		border-radius: 50%;
		position: fixed;
		bottom: 140rpx;
		right: 30rpx;
		z-index: 20;
	}

	// 三角块
	.sanjiao {
		width: 20rpx;
		height: 10rpx;
	}

	// 查看更多的小蓝条
	.lan-line {
		width: 6rpx;
		height: 30rpx;
		background: #00B4FF;
		border-radius: 3rpx;
	}

	uni-swiper {
		.uni-swiper-dot {
			width: 32rpx;
			height: 6rpx;
			border-radius: 3rpx;
			background-color: #ccc;
			margin-right: 10rpx;

			&:last-child {
				margin-right: 0;
			}
		}

		.uni-swiper-dot-active {
			background-color: #fff;
		}
	}
</style>
